<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib prefix="s" uri="/struts-tags"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>观众登记</title>
	<link rel="stylesheet" type="text/css" href="css/style.css"/>
	
	<script type="text/javascript" src="JS/jquery-1.7.2.js"></script>
	<script type="text/javascript" src="JS/common.js"></script>
	
	<style type="text/css">
		*{
		 	margin:0px;
			font-size: 12px;	
		 }
		 .submitcss
		 {
		 	font-weight: bold;
		 }
		 .errordiv
		 {
		 	border:2px solid #FF3030;
		 	background-color:#FF8C00;
		 	width:200px;
		 	height:25px
		 }
	</style>
	<script type="text/javascript">
		var isboolean=false;
		
		function addErrorCss(){
			if($("div[name=errorname]").text()!="")
			$("div[name=errorname]").attr("class","errordiv");
				
			if($("div[name=errorneithor]").text()!="")
			$("div[name=errorneithor]").attr("class","errordiv");
		}
		function checkvalidate(){
			var v_name=false;
			var v_neithor=false;
			if($("input[name=audience_name]").val()==""){
				$("div[name=errorname]").text("姓名不能为空");
				addErrorCss();
				v_name=false;
				isboolean=false;
			}else{
				
				$("div[name=errorname]").text("");
				$("div[name=errorname]").removeClass("errordiv");
				
				v_name=true;
				if(v_name==true&&v_neithor==true)
				isboolean=true;
			}
			if($("input[name=audience_mobile]").val()==""&&$("input[name=audience_email]").val()==""){
				$("div[name=errorneithor]").text("邮箱和手机不能同时为空");
				addErrorCss();
				v_neithor=false;
				isboolean=false;
			}else{
				$("div[name=errorneithor]").text("");
				$("div[name=errorneithor]").removeClass("errordiv");
				
				v_neithor=true;
				if(v_name==true&&v_neithor==true)
				isboolean=true;
			}
						
			if($("input[name=audience_email]").val()==""&&$("input[name=audience_mobile]").val()==""){
				$("div[name=errorneithor]").text("邮箱和手机不能同时为空");
				addErrorCss();
				v_neithor=false;
				isboolean=false;
			}else{
				$("div[name=errorneithor]").text("");
				$("div[name=errorneithor]").removeClass("errordiv");
				
				v_neithor=true;
				if(v_name==true&&v_neithor==true)
				isboolean=true;
			}
						
		}
		$().ready(function(){
				/*//获取展会信息，保存到数据库
				$.ajax({  
				url:'getShowInfo',  
				type:'POST',  
				data:"{}",  
				//dataType:'json',
				timeout: 100000,
				async:true,               
				error: function(a){                     
					alert('出错了');                 
				},   
				success:function (data) {
					alert("success"); 
				}
				});*/
				//验证
				var v_name=false;
				var v_neithor=false;
				//alert($("div[name=error]").text());
				//addErrorCss();
				
				$("input[name=audience_name]").blur(function(event){
					//alert("cc");
					if($("input[name=audience_name]").val()=="")
					{
						$("div[name=errorname]").text("姓名不能为空");
						addErrorCss();
						v_name=false;
						isboolean=false;
					}else{
						
						$("div[name=errorname]").text("");
						$("div[name=errorname]").removeClass("errordiv");
						
						v_name=true;
						if(v_name==true&&v_neithor==true)
						isboolean=true;
					}
				});
				$("input[name=audience_email]").blur(function(event){
					//alert("cc");
					if($("input[name=audience_mobile]").val()==""&&$("input[name=audience_email]").val()=="")
					{
						$("div[name=errorneithor]").text("邮箱和手机不能同时为空");
						addErrorCss();
						v_neithor=false;
						isboolean=false;
					}else{
						$("div[name=errorneithor]").text("");
						$("div[name=errorneithor]").removeClass("errordiv");
						
						v_neithor=true;
						if(v_name==true&&v_neithor==true)
						isboolean=true;
					}
				});
					
				$("input[name=audience_mobile]").blur(function(event){
					//alert("cc");
					if($("input[name=audience_email]").val()==""&&$("input[name=audience_mobile]").val()==""){
						$("div[name=errorneithor]").text("邮箱和手机不能同时为空");
						addErrorCss();
						v_neithor=false;
						isboolean=false;
					}else{
						$("div[name=errorneithor]").text("");
						$("div[name=errorneithor]").removeClass("errordiv");
						
						v_neithor=true;
						if(v_name==true&&v_neithor==true)
						isboolean=true;
					}
				});
					
			});
		function validate(){
			//alert(isboolean);
			checkvalidate();
			return isboolean;
		}
	</script>
  </head>
  
  <body>
 <center>
 <div style="color:red">
     <s:fielderror />
 </div>
 <iframe src="header.jsp?source=${source }&imgPath=${showInfo.hearderImgPath}" marginheight="0" marginwidth="0" frameborder="0" scrolling="no" width="100%" height="235px"></iframe>

  <form action="${pageContext.request.contextPath}/audienceLoginAction.action?source=${source}" method="post">
   <table width="1000px"  border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#CCCCCC">
   		<tr>
   			<td style="padding-left: 160px" bgcolor="#FFFFFF" class="fontblack">
   			<table>
   				<tr height="30px">
	   			<td>
	   				<b style="font-size: 18px;">欢迎来到${showInfo.showName} 观众在线预登记</b>
	   			</td>
		   		</tr>
		   		<tr>
		   			<td style="padding-left: 40px">
							系统查询：请输入您的信息，我们将在系统中查找您的相关信息。
		   			</td>
		   		</tr>
		   		<tr>
		   			<td style="padding-left: 60px">
							1&nbsp;&nbsp;如果您的信息已存在系统中，将会进入系统确认您的信息即可。
		   			</td>
		   		</tr>
		   		<tr>
		   			<td style="padding-left: 60px">
							2&nbsp;&nbsp;如果您的信息未存在系统中，请按顺序填写相关信息进行注册。
		   			</td>
		   		</tr>
   			</table>
   			</td>
   		</tr>
   		
   		<tr>
	   		<td bgcolor="#FFFFFF" class="fontblack">   	
	   			<table width="1000px" cellpadding="0px" cellspacing="0px" border="0">
	   			<tr height="50px">
		   			<td  colspan="4" style="padding-left: 200px" bgcolor="#FFFFFF" class="fontblack">
		   				<b>请填写您的个人信息，* 为必填项(<img alt="" src="images/required.gif"/>)</b>
		   			</td>
		   		</tr>
	   				<tr >
	   					<td align="right" width="300px">
	   						姓名：
	   					</td>
	   					<td  valign="top" style="padding-top: 5px; width: 7px;">
	   						<img alt="" src="images/required.gif" align="top"/>
	   					</td>
	   					<td align="left" width="300px">
	   						<input type="text" name="audience_name" style="width: 250px" >
	   					</td>
	   					<td align="left" width="393px">
	   					<!-- 
	   					<s:fielderror>
	   						<s:param>audience_name</s:param>
	   					</s:fielderror>
	   				 	-->
	   				 	<div name="errorname">
		   				 	<s:fielderror>
		   						<s:param>audience_name</s:param>
		   					</s:fielderror>
		   				</div>
	   					</td>
	   				</tr>
	   				<tr height="30px">
	   					<td align="right" width="300px">
	   						
	   					</td>
	   					<td>
	   					
	   					</td>
	   					<td valign="bottom">
	   						然后填写您的... 请至少填写一项<span><img alt="" src="images/required.gif" align="top"/></span>
	   					</td>
	   					<td>
	   					
	   					</td>
	   				</tr>
	   				<tr>
	   					<td align="right">
	   						电子邮件：
	   					</td>
	   					<td>
	   					
	   					</td>
	   					<td  align="left" >
	   						<input type="text" name="audience_email" style="width: 250px">	
	   					</td>
	   					<td>
	   					
	   					</td>
	   				</tr>
	   				<tr height="30px">
	   					<td align="right">
	   						
	   					</td>
	   					<td >
	   						
	   					</td>
	   					<td align="left"><b>或</b>
	   					</td>
	   					<td>
	   						<div name="errorneithor">
	   							<s:fielderror>
	   								<s:param>neithorNull</s:param>
	   							</s:fielderror>
	   						</div>
	   					</td>
	   				</tr>
	   				<tr>
	   					<td align="right" width="300px">
	   						手机：
	   					</td>
	   					<td>
	   						
	   					</td>
	   					<td align="left">
	   						<input type="text" name="audience_mobile" style="width: 250px"">	
	   					</td>
	   					<td>
	   					
	   					
	   					</td>
	   				</tr>
	   				<tr>
	   					<td align="right" width="30%">
	   						
	   					</td>
	   					<td>
	   						
	   					</td>
	   					<td align="left">只能是中国地区手机号码(例如 158xxxxxxxx)
	   					</td>
	   					<td>
	   					
	   					</td>
	   				</tr>
	   				<tr height="50px">
	   					<td align="right" width="30%">
	   						
	   					</td>
	   					<td>
	   						
	   					</td>
	   					<td align="left">
	   					  
	   					<font color="red">
	   						<s:property value="errorMsg"/>
	   					</font><br/>
	   					
	   					&nbsp;&nbsp;&nbsp;&nbsp;
	   					<input class="submitcss" type="button" value="新的注册>>" style="width: 120px;border: 0px;height: 20px" onclick="javascript:location.href='${pageContext.request.contextPath}/preAudienceQInfoAction.action?source=${source}'"/>
	   					<input class="submitcss" type="submit" value="查找>>" style="width: 120px;border: 0px;height: 20px" onclick="return validate()"/>
	   					<!-- <a href="javascript:location.href='audienceQRegister.action'">新的注册</a> -->
	   					</td>
	   					<td>
	   					
	   					</td>
	   				</tr>
	   				
	   			</table>
	   		</td>
   		</tr>
   </table></form>
   <iframe src="${pageContext.request.contextPath}/preAudienceAction!toIndexPage.action?source=${showInfo.urlChannel}&pageName=footer" marginheight="0" marginwidth="0" frameborder="0" scrolling="no" width="100%" height="50"></iframe>
   </center>
  </body>
</html>
